<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">通知设置</view>
			</block>
		</cu-custom>
		<view class="padding-top-48 padding-left-32 padding-right-32">
			<view class="cu-list menu">
				<view class="cu-item">
					<view class="content padding-tb-sm">
						<view class="text-0101 text-lg">
							微信通知
						</view>
						<view class="text-b2b6b8 text-sm">
							将通知已微信消息形式发送到您微信上
						</view>
					</view>
					<view class="action">
						<switch class="switch-sex" @change="SwitchSex" :class="skin?'checked':''"
							:checked="skin?true:false"></switch>
					</view>
				</view>
				<view class="cu-item">
					<view class="content padding-tb-sm">
						<view class="text-0101 text-lg">
							邮件通知
						</view>
						<view class="text-b2b6b8 text-sm">
							将通知已邮件形式发送到234***23@qq.com邮件上
						</view>
					</view>
					<view class="action">
						<switch class="switch-sex" @change="SwitchSex" :class="skin?'checked':''"
							:checked="skin?true:false"></switch>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				skin:""
			}
		},
		onLoad(){
		},
		methods: {
			SwitchSex(e) {
				this.skin = e.detail.value
			},
			
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped>
	.cu-list.menu>.cu-item {
		padding: 0;
	}
</style>